@charset "utf-8";
/* @import url(/css/common.css); */

/* 인풋 박스 */
.input-holder {float:left; border:1px solid #ccc; border-top-color:#c0c0c0;}
.input-holder input {height:17px; padding:3px 5px 5px; border:0; border-top:1px solid #ededed; vertical-align:top;}
.input-holder textarea {margin:0; padding:3px 5px; border:0; border-top:1px solid #ededed; vertical-align:top;}

.media-icon {float:left; width:16px; height:16px; background:url(../image/tnote/map_icon_media.png) no-repeat;}
.media-icon.email {background-position:0 0;}
.media-icon.facebook {background-position:-20px 0;}
.media-icon.twitter {background-position:-40px 0;}
.media-icon.me2day {background-position:-60px 0;}
.media-icon.naverblog {background-position:-80px 0;}
.media-icon.flickr {background-position:-100px 0;}
.media-icon.tistory {background-position:-120px 0;}
.media-icon.cyworld {background-position:-140px 0;}
.media-icon.z_etc {background-position:-160px 0;}

/* 상단 공지 */
.notice {position:relative; border:1px solid #c9c7c8; border-top:0; color:#666;}
.notice-inner {border:1px solid #fff; border-top:0; background:#fffdea; padding:13px 20px 18px;}
.notice-border {position:absolute; bottom:-2px; left:-1px; right:-1px; height:1px; background:#ddd;}
.notice h2 {font-size:20px; color:#000; font-weight:bold; margin-bottom:4px;}
.notice a {color:#03a2d0; font-weight:bold;}
.notice label {position:absolute; bottom:15px; right:15px; font-size:11px;}
.notice label input {vertical-align:middle;}
.notice .btn-x {position:absolute; top:10px; right:20px;}

/* 섹션 */
.tnote-section {position:relative; padding:20px 0 0;}
.tnote-section .tab-navi {z-index:10; margin-bottom:-1px;}
.tboard-section {position:relative; padding:20px 0 0;}
.section-a {float:left; width:730px;}
.section-b {float:right; width:220px; zoom:1;}
.tnote-section .section-a {width:935px; padding:20px 20px 30px; position:relative; z-index:5;} 
.tnote-section .section-b {position:absolute; border-left:1px solid #ddd; top:0; right:1px; bottom:1px;} 
.tnote-section h2,
.tboard-section h2 {font-size:16px; line-height:16px; height:35px;}

/* 우측 박스 */
.tnote-section .side-box {position:absolute; top:0; bottom:0; right:0; left:0;}

/* 회원가입 처음 */
.welcome-box {position:relative;}
.welcome-box h3 {padding:5px; border-bottom:1px solid #e0e0e0; font-size:20px; text-align:center; background:url(../image/common/bg_slant.png);}
.welcome-box a.btn-hide {position:absolute; top:13px; right:14px; width:18px; height:18px; text-indent:100px; overflow:hidden; background:url(../image/common/btn_x.png);}
.welcome-box .guide {margin-top:14px; font-size:14px; color:#666; height:41px; text-align:center;}
.welcome-box .menu {padding-left:79px; height:117px; border-bottom:1px solid #e0e0e0;}
.welcome-box .menu li {float:left; width:105px; height:87px; padding-right:59px; text-align:center; border-right:1px solid #dbdadb;}
.welcome-box .menu li.item2 {margin-left:64px; padding-right:64px;}
.welcome-box .menu li.item3 {width:140px; margin-left:51px; padding-right:0; border-right:0;}
.welcome-box .menu li p {margin-top:11px; line-height:12px;}
.welcome-box .menu li p a {color:#03a2d0; font-weight:bold;}
.welcome-box h4 {margin-top:35px; font-size:16px; line-height:20px; text-align:center;}
.welcome-box .like-guide {color:#999; line-height:20px; text-align:center; }
.welcome-box .members {margin-top:28px; height:121px; margin-left:20px;}
.welcome-box .members li {float:left; width:76px; margin-right:26px;}
.welcome-box .members li.last {margin-right:0;}
.welcome-box .members .profile {position:relative; height:76px;}
.welcome-box .members .profile img {width:76px; height:76px;}
.welcome-box .members .profile .grade-bg {position:absolute; left:0; bottom:0; width:100%; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.welcome-box .members .profile .grade {position:absolute; left:0; bottom:0; width:100%;  font-size:10px; text-align:center; line-height:15px; font-weight:bold; color:#fff; }
.welcome-box .members .name {margin-top:4px; font-size:11px; text-align:center;}
.welcome-box .members .name a {color:#888;}
.welcome-box .link {height:53px; text-align:right; margin-right:20px; }
.welcome-box .link a {color:#03a2d0;}

/* 상단 지도영역 */
.area-log {margin-bottom:18px; zoom:1; overflow:hidden;}
.area-log .m-box-inner {padding:9px 13px 13px; background:url(../image/common/bg_slant.png);}
.area-log .count {color:#666; height:31px; padding-left:10px; background:url(../image/common/bu_dot_gray.png) 0 7px no-repeat; }
.area-log .count em {color:#000; font-weight:bold;}
.area-log .btn-toggle {position:absolute; top:10px; right:13px; padding-left:23px; padding-right:11px; line-height:16px; background:url(../image/common/ico_map.png) no-repeat;}
.area-log .btn-toggle .arrow {position:absolute; top:6px; right:0; width:7px; height:4px; background:url(../image/common/map_arrow_blue.png) no-repeat;}
.area-log .btn-toggle.show .arrow {background-position:0 -5px;}
.area-log .btn-toggle .title {color:#03a2d0; font-weight:bold;}
.area-log .content {position:relative; height:340px; overflow:hidden;}
.area-log .map-info {width:566px; height:340px;}
.area-log .log-info {position:absolute; width:650px; height:340px; top:0px; left:566px; background:#24364a;}
.area-log .log-info .continents {float:left; width:130px; height:340px; margin-left:3px; border-left:1px dashed #7b8999;}
.area-log .log-info .continents h3 {padding:9px 0 0 11px; color:#ffcc43; font-size:14px; font-weight:bold;}
.area-log .log-info .continents ul {padding:19px 0 0 11px; }
.area-log .log-info .continents li {font-size:11px; color:#99abc0; line-height:23px;}
.area-log .log-info .continents li.world {font-size:11px; color:#fff; font-weight:bold; margin-bottom:5px;}
.area-log .log-info .nations {float:left; border-left:1px solid #425366; height:340px; width:515px; overflow-y:auto;}
.area-log .log-info .nations ul {padding:13px 0 13px 20px; width:470px;}
.area-log .log-info .nations li {min-height:29px; overflow:hidden; padding-bottom:5px;}
.area-log .log-info .nations .flag {float:left; margin-right:9px;}
.area-log .log-info .nations .nation {float:left; margin-right:14px; color:#fff; font-weight:bold;}
.area-log .log-info .nations .cities {display:block;}
.area-log .log-info .nations .cities a {color:#99abc0;}
.area-log .log-info .btn-toggle-log {position:absolute; width:22px; height:59px; left:-1px; bottom:10px; text-indent:-100px; overflow:hidden; background:url(../image/tnote/map_btn_toggle.png) no-repeat;}
.area-log .log-info .btn-toggle-log.show {background-position:-25px 0;}

/* 우측 모듈  - 여행자 정보 */
.side-member {position:relative; padding:0 0 20px; border-bottom:1px solid #fff;}
.side-member h3 {font-size:20px; line-height:27px;}
.side-member h3 a {color:#000;}
.side-member .region {margin-top:5px; font-size:11px; height:20px; color:#999; }
.side-member .region a {color:#999;}
.side-member .profile {position:relative; height:190px; margin-top:10px;}
.side-member .profile img {width:190px; height:190px;}
.side-member .profile .grade-bg {position:absolute; height:24px; width:100%; left:0; bottom:0; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.side-member .profile .grade {position:absolute; line-height:24px; color:#fff; font-weight:bold; text-align:center; width:100%; left:0; bottom:0;}
.side-member .btn-holder {margin:12px 0 16px; position:relative;}
.side-member .btn-holder button {display:block; width:100%}
.side-member .btn-link {position:relative; display:block; margin:0 0 8px; text-align:center; font-weight:bold; height:26px; padding:3px 0 4px; line-height:22px; color:#03a2d0; background:url(../image/common/bg_sidebox_btn.png) no-repeat;}
.side-member .btn-link:hover {text-decoration:none; color:#000 !important;}
.side-member .btn-link .new {position:absolute; top:-4px; right:35px;}
.side-member .rel-count {height:57px; overflow:hidden;}
.side-member .friend {float:left; width:91px; height:57px; background:url(../image/common/bg_sidebox_btn2.png) no-repeat;}
.side-member .friend:hover {text-decoration:none;}
.side-member .friend:hover em {color:#000 !important;}
.side-member .friend em {display:block; padding:11px 0 0 12px; color:#03a2d0; font:bold 20px/20px arial;}
.side-member .friend span {display:block; font-size:12px; color:#999; padding-left:12px; font-weight:normal;}
.side-member .friend.follower {float:right;}
.side-member .intro {clear:both; padding:17px 0; line-height:20px; color:#666; word-break:break-all;}
.side-member .media-links li {float:left; margin-right:6px;}
.side-member .media-links li a.media-icon {text-indent:-100px; overflow:hidden;}

/* 우측 모듈  - 스탬프 정보 */
.side-stamp {position:relative; border-top:1px solid #fff; padding:14px 0 18px;}
.side-stamp .more {float:right; margin-top:-38px; font:11px/14px calibri; color:#03a2d0;}
.side-stamp p {line-height:16px; color:#666;}
.side-stamp p em {color:#000; font-weight:bold;}
.side-stamp .guide {margin:16px 0 8px; color:#999;}

/* 우측모듈 - 톡투미 */
.side-talk {position:relative; border-top:1px solid #fff; margin-top:2px; padding:16px 0 23px;}
.side-talk .more {float:right; margin-top:-20px; font:11px/14px calibri; color:#03a2d0;}
.side-talk h3 {height:24px; }
.side-talk textarea {padding:4px 7px 5px; width:174px; height:90px; font-size:11px; color:#000; line-height:18px; vertical-align:top; border-style:solid; border-width:1px; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:#fff url(../image/common/bg_input.png) repeat-x;}
.side-talk textarea.empty {height:36px; color:#b8b8b8;}
.side-talk .remain {float:left; margin-top:4px; font-size:11px; color:#b8b8b8; font-weight:bold;}
.side-talk .submit {float:right; margin-top:5px; width:80px; height:23px; border:0; cursor:pointer; background:url(../image/common/map_btn_comment.png) no-repeat;}
.side-talk .submit.on {background-position:0 -25px;}

/* 우측모듈 - 여행속성 */
.side-attribute {position:relative; margin-top:2px; padding:16px 0 20px;}
.side-attribute h3 {font-size:12px; height:26px;}
.side-attribute h3.title {height:auto;}
.side-attribute p.empty {color:#666;}
.side-attribute .graph {height:24px;}
.side-attribute .graph li {float:left; height:10px;}
.side-attribute .graph li {float:left; height:10px;}
.side-attribute .desc li {height:22px;}
.side-attribute .desc li .color {float:left; width:50px; margin-right:11px; height:12px; font:11px/12px calibri; color:#fff; text-align:center;}
.side-attribute .desc li .name {float:left; font-size:11px; line-height:12px; color:#666;}

/* 우측 모듈 - 티노트 서브페이지 */
.section-b .tip {position:relative; padding:3px 0;}
.section-b .tip h4 {margin-bottom:3px;}
.section-b .tip h4 em {color:#fab14c;}
.section-b .tip p {line-height:16px; font-size:11px; color:#888; margin-bottom:15px;}
.section-b .app-links {padding:17px 0;}
.section-b .app-links.top {padding-top:3px; border-top:0;}
.section-b .app-links li {position:relative; padding-left:35px; height:48px; color:#000;}
.section-b .app-links li .icon {position:absolute; top:3px; left:1px; width:24px; height:25px; background:url(../image/tnote/map_icon_app.png) no-repeat;}
.section-b .app-links li .icon.tv {background-position:-25px 0;}
.section-b .app-links li .icon.food {background-position:-50px 0;}
.section-b .app-links li .links {font:12px/14px calibri;}
.section-b .app-links li .links .bar {color:#b3b3b3;}
.section-b .app-links li .links a {color:#03a2d0;}
.section-b .stamp-members {position:relative; padding:3px 0 5px;}
.section-b .stamp-members .border-b  {position:absolute; bottom:-2px; left:-1px; right:-1px; background:#e4e4e4; height:1px;}
.section-b .stamp-members li {height:46px;}
.section-b .stamp-members li em {float:left; margin:9px 0 0 5px; width:19px; font:bold 12px/14px calibri; color:#000; }
.section-b .stamp-members li .photo {float:left; width:30px; height:30px; margin:1px 11px 0 0;}
.section-b .stamp-members li .name a {font-weight:bold; color:#03a2d0;}
.section-b .stamp-members li .name .grade {font-size:11px; color:#999;}
.section-b .relation {position:relative; padding:3px 0;}
.section-b .relation.follower {padding-top:18px;}
.section-b .relation .more {float:right; margin-top:-37px; color:#03a2d0; font:11px calibri;}
.section-b .relation h3 span {font-weight:normal;}
.section-b .relation ul {width:200px; padding:1px 0 10px; overflow:hidden;}
.section-b .relation li {float:left; margin:0 10px 10px 0;}
.section-b .relation li img {width:30px; height:30px;}

/* T보드 - 탭네비게이션  */
.tboard-navi {height:59px; border-bottom:1px solid #c8c8c8;}
.tboard-navi li {float:left; width:102px; border:1px solid #c8c8c8; margin-right:-1px; background:#f7f7f7;}
.tboard-navi li.feed {float:right; margin-right:0;}
.tboard-navi a {display:block; height:58px; color:#999; text-align:center;}
.tboard-navi a:hover {text-decoration:none;}
.tboard-navi a:hover span {color:#999;}
.tboard-navi a .cnt {display:block; padding:6px 0 1px; font:bold 28px/28px arial;}
.tboard-navi a .feed {display:block; padding-top:16px; font-size:16px; font-weight:bold;}
.tboard-navi a span {display:block; font-wieght:bold; font-size:11px;}
.tboard-navi li.on {background:#fff; border-bottom:1px solid #fff;}
.tboard-navi li.on a em {color:#000;}
.tboard-navi li.on a span {color:#666;}

/* T보드 - 내용 */
.tboard-content {min-height:300px;}
.tboard-sub-navi {padding:9px 0 10px; border-bottom:1px solid #ddd; overflow:hidden;}
.tboard-sub-navi li {float:left; margin-left:13px; padding-left:15px; background:url(../image/common/bu_dot_gray2.png) 0 9px no-repeat;}
.tboard-sub-navi li.on a {color:#000; font-weight:bold;}
.tboard-sub-navi li em {color:#ffc829;}
.tboard-sub-navi li a {color:#666;}
.tboard-sub-navi li a:hover {text-decoration:underline;}
.tboard-sub-navi li.first {padding-left:0; background:none;}

/* 스팟 목록 */
.tboard-spot-list {overflow:hidden;}
.tboard-spot-list li {float:left; position:relative; padding:24px 0 24px 120px; width:226px; height:105px; border-bottom:1px solid #ddd;}
.tboard-spot-list li .btn-edit {position:absolute; top:24px; right:0; width:24px; height:23px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_edit.png);}
.tboard-spot-list li .btn-edit:hover {background-position:0 -25px;}
.tboard-spot-list li.odd {padding-right:38px;}
.tboard-spot-list li.odd .btn-edit {right:38px;}
.tboard-spot-list .thumb {position:absolute; left:0; top:24px; width:105px; height:105px; }
.tboard-spot-list .name {line-height:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tboard-spot-list .name a {margin-left:7px; font-weight:bold; font-size:16px; color:#000;}
.tboard-spot-list .intro {margin:12px 0 7px; color:#444; font-size:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tboard-spot-list dl {margin-bottom:8px; font-size:11px; line-height:14px; color:#999;}
.tboard-spot-list dt {float:left; font-weight:bold;}
.tboard-spot-list dd {margin-left:49px;}
.tboard-spot-list .score {float:left; width:100px; font:12px/13px calibri;}
.tboard-spot-list .score .star {float:left; margin-right:2px; width:14px; height:13px; background:url(../image/spot/map_star_s.png) no-repeat;}
.tboard-spot-list .score .star.full {background-position:-15px 0;}
.tboard-spot-list .score .star.half {background-position:-30px 0;}
.tboard-spot-list .score em {margin-left:3px; color:#666;}
.tboard-spot-list .like {float:left; font:12px/13px calibri; width:50px;}
.tboard-spot-list .like .heart {float:left; margin-top:2px; width:14px; height:11px; background:url(../image/common/ico_like_s.png) no-repeat;}
.tboard-spot-list .like em {margin-left:5px; color:#666;}
.pagination.spot {margin-top:-1px;}

/* 이동 목록 */ 
.tboard-move-list {margin-top:24px;}
.tboard-move-list li {border:1px solid #ddd; border-width:1px 0; margin-bottom:20px; zoom:1;}
.tboard-move-list .move-inner {position:relative; border:1px solid #c8c8c8; border-top:0; padding:13px 14px 13px 42px; zoom:1;}
.tboard-move-list .icon {position:absolute; top:13px; left:13px;}
.tboard-move-list .name {line-height:23px;}
.tboard-move-list .name em {margin-right:8px; color:#000; font-weight:bold; font-size:16px;}
.tboard-move-list .name span {font-size:14px; color:#666;}
.tboard-move-list .info {margin-top:2px; color:#666;}
.tboard-move-list .info .bar {color:#ccc; margin:0 5px;}
.tboard-move-list .spot-info {margin:8px 0 0 -1px; padding:7px 10px; border:1px solid #e4e4e4; line-height:15px; background:#f7f7f7; overflow:hidden;}
.tboard-move-list .spot-info .start,
.tboard-move-list .spot-info .dest {float:left; padding-left:18px; background:url(../image/common/ico_spot_mark_s.png) no-repeat;}
.tboard-move-list .spot-info span.city {background-image:url(../image/common/ico_city_mark_s.png);}
.tboard-move-list .spot-info .arrow {float:left; margin:1px 10px 0;}
.tboard-move-list .spot-info .dest {float:left;}
.tboard-move-list .spot-info a.spot,
.tboard-move-list .spot-info .city a.city {color:#000; font-weight:bold;}
.tboard-move-list .note {margin-top:8px; color:#999;}
.tboard-move-list .manage {position:absolute; top:13px; right:14px;} 
.tboard-move-list .manage a {float:left; width:24px; height:23px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_edit.png) no-repeat;} /* 이거 이미지 주의 */
.tboard-move-list .manage a:hover {text-decoration:none;} 
.tboard-move-list .manage a.btn-del {background-position:-24px 0; width:23px;}
.tboard-move-list .manage a.btn-edit:hover {background-position:0 -25px;}
.tboard-move-list .manage a.btn-del:hover {background-position:-24px -25px;}

/* 이동 수정 레이어 */
.layer-modify-move {width:420px; margin:-191px 0 0 -219px; z-index:10;}
.layer-modify-move .dialog-layer-inner {padding:10px 14px 15px;}
.layer-modify-move .spot-info {margin:8px 0 16px -1px; padding:7px 10px; border:1px solid #e4e4e4; line-height:15px; background:#f7f7f7; overflow:hidden;}
.layer-modify-move .spot-info .start,
.layer-modify-move .spot-info .dest {float:left; padding-left:18px; max-width:138px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../image/common/ico_spot_mark_s.png) no-repeat;}
.layer-modify-move .spot-info span.city {background-image:url(../image/common/ico_city_mark_s.png);}
.layer-modify-move .spot-info .arrow {float:left; margin:1px 10px 0;}
.layer-modify-move .spot-info .dest {float:left;}
.layer-modify-move .spot-info em {color:#000; font-weight:bold;}
.layer-modify-move select {vertical-align:middle; border:1px solid #bababa;}
.layer-modify-move .required {float:left; color:#ff2a14; font-size:24px; margin:-12px 0 0 -2px;}
.layer-modify-move .method {overflow:hidden; padding-bottom:15px; padding-bottom:5px\9;}
.layer-modify-move .method select {float:left; width:283px; height:25px; color:#000; padding:3px;}
.layer-modify-move .time {line-height:20px; margin-bottom:11px; color:#666; font-size:11px;}
.layer-modify-move .time select {width:64px; vertical-align:middle; font-size:11px;}
.layer-modify-move .charge {line-height:20px; margin-bottom:3px; color:#666; font-size:11px;}
.layer-modify-move .charge input {vertical-align:middle; padding:2px 4px; width:77px; height:14px; border:1px solid #bababa; font-size:11px;}
.layer-modify-move .charge select {width:149px;}
.layer-modify-move .charge p {padding-bottom:2px;}
.layer-modify-move .charge p.charge-won {margin-left:55px;}
.layer-modify-move .time em,
.layer-modify-move .charge em {font-weight:bold; margin-right:8px;}
.layer-modify-move .note textarea {width:380px; height:65px; border:1px solid #c1c1c1; font-size:11px; padding:3px 5px;}
.layer-modify-move .note textarea.empty {color:#999;}
.layer-modify-move .btns {margin-top:9px; text-align:center;}
.layer-modify-move .btns .cancel {float:left; margin-top:4px; color:#03a2d0; font-size:11px;}

/* T보드 메인 공통 */
.tboard-content .empty-content {position:relative; margin-top:-1px; padding-top:228px; border:1px solid #c9c7c8; border-top:0; border-bottom-color:#ddd; text-align:center; font-size:14px; line-height:24px; color:#999; background-position:center 92px; background-repeat:no-repeat;}
.tboard-content .empty-content.route {background-image:url(../image/tnote/bg_empty_route.png);}
.tboard-content .empty-content.spot {background-image:url(../image/tnote/bg_empty_spot.png);}
.tboard-content .empty-content.move {background-image:url(../image/tnote/bg_empty_move.png);}
.tboard-content .empty-content.talk {background-image:url(../image/tnote/bg_empty_talk.png);}
.tboard-content .empty-content.like {background-image:url(../image/tnote/bg_empty_like.png);}
.tboard-content .empty-content p.text b {color:#666;}
.tboard-content .empty-content p.text {height:188px; border-bottom:1px solid #c9c7c8;}
.tboard-content .empty-content p.text a {color:#03a2d0;}

/* 여행톡 */
.tboard-talk-wrap {margin-top:24px;}
.talk-list.like-list {margin-top:24px;}

/* 피드 목록 */
.tboard-list-wrap.m-box {border-top:0;}
.tboard-list-wrap.m-box .m-box-inner {padding:10px 14px 20px;}
.tboard-feed-list {padding-bottom:20px;}
.tboard-feed-list li {position:relative; border-bottom:1px solid #e4e4e4; padding:16px 0; height:18px;}
.tboard-feed-list .profile {position:absolute; top:10px; left:0;}
.tboard-feed-list .profile img {width:30px; height:30px;}
.tboard-feed-list p {width:550px; margin-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666;}
.tboard-feed-list .date {position:absolute; right:0; top:18px; color:#999; font:11px/11px calibri;}
.tboard-feed-list a {color:#000; font-weight:bold;}
.tboard-feed-list a.nick {font-weight:normal; color:#03a2d0;}

/* 여행길 목록 */
.route-list {padding:14px 0 16px; margin-top:1px; border-top:1px solid #ddd;}
.pagination.route {margin-top:16px;}

/* 여행지 목록 (Like) */
.area-list {border-top:1px solid #ddd; margin-top:1px;}
.area-list li {float:left; padding:24px 40px 0 0; height:97px; width:344px; border-bottom:1px solid #ddd;}
.area-list li.even {padding-right:2px;}
.area-list li .info {height:42px;}
.area-list li .info .flag {float:left; width:47px; height:32px; margin-right:10px;}
.area-list li .info .name {color:#000; font-weight:bold; font-size:22px;}
.area-list li .info .in {color:#999;}
.area-list li .intro {color:#999;}

/* 관심여행자&follower 목록 */
.btn-find-member {float:right; margin-top:-44px;} 
.relation-list {overflow:hidden; margin-bottom:-1px;}
.relation-list-item {float:left; position:relative; padding:24px 86px 24px 90px; width:170px; height:76px; border-bottom:1px solid #ddd;}
.relation-list-item.even {padding-left:128px;}
.relation-list-item.even .profile {left:38px;}
.relation-list-item .profile {position:absolute; left:0; top:24px; width:76px; height:76px;}
.relation-list-item .profile:hover {text-decoration:none;}
.relation-list-item .profile img {width:76px; height:76px;}
.relation-list-item .profile .grade-bg {position:absolute; left:0; bottom:0; width:100%; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.relation-list-item .profile .grade {position:absolute; left:0; bottom:0; width:100%;  font-size:10px; text-align:center; line-height:15px; font-weight:bold; color:#fff; }
.relation-list-item p {color:#999; font-size:11px;}  
.relation-list-item p em {font-weight:bold; color:#666;}  
.relation-list-item p.created {font:12px/12px calibri; margin-bottom:6px;}  
.relation-list-item .detail {height:45px;}  
.relation-list-item .detail a {color:#999}  
.relation-list-item .detail a.nick {color:#03a2d0; font-weight:bold;}  
.relation-list-item .btn-follow {position:absolute; top:24px; right:0; width:86px;}

/* 개인정보 변경 */
.w-profile em {font-weight:bold; color:#000;}
.w-profile button {height:28px;}
.w-profile input.empty,
.w-profile textarea.empty {color:#b3b3b3;}
.w-profile .btn-del {float:left; width:10px; height:11px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_del.png) no-repeat;}
.w-profile .btn-del:hover {background-position:-15px 0;}
.w-profile .col-left {float:left; width:190px; margin-right:20px; text-align:right;}
.w-profile .photo {padding:0 0 24px; border-bottom:1px solid #ddd;}
.w-profile .photo .btn-wrap {position:relative;}
.w-profile .photo .btn-wrap .btn-upload {position:absolute;}
.w-profile .photo .preview, 
.w-profile .photo .preview img {width:190px; height:190px;}
.w-profile .photo p {color:#666; margin-top:28px;}
.w-profile .photo p a {color:#03a2d0;}
.w-profile .basic-info {padding:22px 0 0; border-bottom:1px solid #ddd;}
.w-profile .basic-info p {height:50px;}
.w-profile .basic-info .col-left {line-height:22px;}
.w-profile .basic-info .required {vertical-align:0; color:#ff4f47; font-size:18px; font-weight:normal;}
.w-profile .basic-info .input-holder input {width:218px;}
.w-profile .basic-info .valid {float:left; margin:4px 0 0 10px; color:#48a948; font-weight:bold;}
.w-profile .basic-info .valid.error {color:#ff4f47; font-weight:normal;}
.w-profile .basic-info .url {font:12px/22px calibri; color:#03a2d0;}
.w-profile .region {padding:25px 0 22px; border-bottom:1px solid #ddd;}
.w-profile .region .col {float:left;}
.w-profile .region .col fieldset {position:relative;}
.w-profile .region .col .auto-search-result {top:28px; left:0;}
.w-profile .region .col p {height:37px;}
.w-profile .region .col .input-holder input {width:218px;}
.w-profile .region .col button {float:left; margin-left:9px;}
.w-profile .region .col .selected {display:inline-block; padding:0 7px; border:1px solid #b0cfe6; background:#e4eff9; color:#666; line-height:19px;}
.w-profile .region .col .btn-del {display:inline-block; float:none;}
.w-profile .intro {padding:22px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.w-profile .intro .col-left {margin-top:7px;}
.w-profile .intro .input-holder textarea {width:272px; height:106px;}
.w-profile .intro .remain {float:left; margin:96px 0 0 10px; font-size:11px; font-weight:bold; color:#999;}
.w-profile .media {padding:19px 0 22px; border-bottom:1px solid #ddd; overflow:hidden;}
.w-profile .media .col {float:left;}
.w-profile .media .col p {height:28px; color:#000;}
.w-profile .media .col fieldset {height:46px;}
.w-profile .media .col fieldset select {float:left; width:106px; margin:5px 14px 0 0;}
.w-profile .media .col fieldset input.text {width:298px;}
.w-profile .media .col fieldset input.button {float:left; margin-left:8px;}
.w-profile .media .col li {height:27px;}
.w-profile .media .col li .media-icon {margin:4px 10px 0 0;}
.w-profile .media .col li .name {float:left; margin-top:3px; width:94px; color:#666;}
.w-profile .media .col li .url {float:left; border:1px solid #ccc; padding:2px 5px; width:298px; font:12px/18px calibri; color:#000;}
.w-profile .media .col li .btn-del {margin:6px 0 0 10px;}
.w-profile .leave {padding:27px 0; height:18px; border-bottom:1px solid #ddd;}
.w-profile .leave a {color:#03a2d0;}
.w-profile .submit {color:#03a2d0; margin-top:22px; text-align:center;}

/* 비밀번호 변경 레이어 */
#layer-password {width:490px; margin:-100px 0 0 -245px;}
#layer-password form {margin-top:36px; line-height:26px;}
#layer-password form em {float:left; width:103px; margin-right:19px; text-align:right; color:#000; font-weight:bold;}
#layer-password form input.text {float:left; height:18px; width:184px; padding:3px 7px 5px; border-width:1px; border-style:solid; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:url(../image/common/bg_input.png) repeat-x;}
#layer-password form input.text.error {border-color:#ff4f47;}
#layer-password form span.valid {float:left; margin-left:8px; width:130px; color:#48a948; font-weight:bold;}
#layer-password form span.error {margin-top:-3px; color:#ff4f47; font-size:11px; line-height:16px; font-weight:normal;}
#layer-password form p.result {height:29px; text-align:center; color:#ff4f47; font-size:11px;}
#layer-password .current {height:60px;}
#layer-password .current a {float:left; margin-left:10px; color:#03a2d0;}
#layer-password .new {height:34px;}
#layer-password .confirm {height:35px;}
#layer-password .btns {position:relative; text-align:center; }
#layer-password .btns .cancel {position:absolute; top:4px; left:0; color:#03a2d0; font-size:11px;}

/* 스탬프 */
.w-stamp .state {position:relative; padding-left:210px; height:220px; border-bottom:1px solid #e4e4e4;}
.w-stamp .state .photo {position:absolute; top:0; left:0; width:190px; height:190px;}
.w-stamp .state .photo img {width:190px; height:190px;}
.w-stamp .state .photo .grade-bg {position:absolute; height:24px; width:100%; left:0; bottom:0; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.w-stamp .state .photo .grade {position:absolute; line-height:24px; color:#fff; font-weight:bold; text-align:center; width:100%; left:0; bottom:0;}
.w-stamp .state h3 {padding:31px 0 14px; font-size:20px;}
.w-stamp .state h3.begin {padding-top:11px;}
.w-stamp .state h3 em {color:#fab14c;}
.w-stamp .state .guide {margin-bottom:21px; font-size:14px;}
.w-stamp .state .guide strong {color:#fab14c;}
.w-stamp .state .guide em {color:#000; font-weight:bold;}
.w-stamp .state .guide p {color:#999; font-size:12px;}
.w-stamp .state a {color:#03a2d0}
.w-stamp .list-wrap {padding-top:30px; min-height:470px;}
.w-stamp .list-wrap {position:relative;}
.w-stamp .list-wrap li {float:left; position:relative; width:97px; margin:0 25px 23px 0;}
.w-stamp .list-wrap li.row-last {margin-right:0;}
.w-stamp .list-wrap li .image {display:block; border:1px solid #e1e1e1; background:#fafafa;}
.w-stamp .list-wrap li .name {margin-top:6px; font-size:14px; font-weight:bold; text-align:center;}
.w-stamp .list-wrap li .name a {color:#000;}
.w-stamp .list-wrap li .en-name {font:11px/14px calibri; color:#999; text-align:center;}
.w-stamp .list-wrap li .layer-status {position:absolute; top:0; left:95px; padding-left:6px; z-index:10;}
.w-stamp .list-wrap li .layer-status .layer-box {padding:10px 12px 9px 14px; width:188px; background:#fff; border:1px solid #ccc;}
.w-stamp .list-wrap li .layer-status h3 {font-size:12px;} 
.w-stamp .list-wrap li .layer-status em {font-weight:bold; color:#000;} 
.w-stamp .list-wrap li .layer-status .count {padding-bottom:10px; color:#666;} 
.w-stamp .list-wrap li .layer-status .mission {padding-top:8px; color:#999; font-size:11px; background:url(../image/common/ln_dotted.png) repeat-x;} 
.w-stamp .list-wrap li .layer-status .mission strong {color:#fab14c;} 
.w-stamp .list-wrap li .layer-status .arrow {position:absolute; top:50px; left:0; width:8px; height:13px; background:url(../image/common/map_balloon_arrow.png) -10px 0 no-repeat;}

/* 서비스 연동 */
.w-service {height:470px;}
.w-service table {margin-top:5px; width:100%;}
.w-service table th {text-align:left;}
.w-service table th,
.w-service table td {border-bottom:1px solid #e4e4e4;}
.w-service table .head {width:332px;}
.w-service table thead tr {height:38px;}
.w-service table tbody tr {height:60px;}
.w-service table .icon {float:left; width:24px; height:24px; background:url(../image/tnote/map_service.png) no-repeat;}
.w-service table .icon.facebook {background-position:-25px 0;}
.w-service table .icon.twitter {background-position:-50px 0;}
.w-service table .name {float:left; margin:3px 0 0 8px;}
.w-service table .head a {float:left; margin:4px 0 0 7px; color:#03a2d0; font:12px calibri;}
.w-service table .state a {float:left; line-height:26px; padding:0 5px; border:1px solid #c6c6c6; font-weight:bold; background:#d3d3d3; color:#fff;}
.w-service table .state a:hover {color:#fff !important; text-decoration:none;}

/* 알림 설정 */
.w-notice {height:470px;}
.w-notice table {width:100%; margin-top:5px;}
.w-notice table.mail {margin-top:37px;}
.w-notice table th {text-align:left;}
.w-notice table th,
.w-notice table td {border-bottom:1px solid #e4e4e4;}
.w-notice table .head {width:332px;}
.w-notice table thead tr {height:38px;}
.w-notice table tbody tr {height:60px;}
.w-notice table tbody .head {padding-left:13px; color:#666; font-weight:normal; background:url(../image/common/bu_dot_gray.png) 0 28px no-repeat;}
.w-notice table tbody .state {padding-left:12px;}
.w-notice .submit {margin-top:20px; text-align:center;}

/* 여행자 초대 */
.w-invitation button {height:28px;} 
.w-invitation h3 {float:left; font-size:12px; margin-top:4px; width:76px;} 
.w-invitation .url-invite {padding-top:11px; height:93px; border-bottom:1px solid #e4e4e4;} 
.w-invitation .url-invite .text {display:block; border-top:1px solid #ededed; padding:5px 7px; width:403px; line-height:15px; color:#03a2d0;} 
.w-invitation .url-invite .text.url {font:12px/15px calibri;} 
.w-invitation .url-invite #clip-container {float:left; position:relative; margin-left:8px;} 
.w-invitation .url-invite #clip-container span {float:left;} 
.w-invitation .url-invite p {clear:left; padding:10px 0 0 76px; color:#999;} 
.w-invitation .email-invite {padding:40px 0; height:123px;}
.w-invitation .email-invite textarea {width:607px; height:49px; color:}
.w-invitation .email-invite p {clear:left; padding:10px 0 0 76px; color:#999;}
.w-invitation .email-invite p em {color:#000;}
.w-invitation .email-invite p span {font:12px/18px calibri;}
.w-invitation .preview {height:255px; padding:27px 20px 0; line-height:20px; background:url(../image/tnote/bg_invite_mail.png) no-repeat;}
.w-invitation .preview p.title {width:386px; height:27px; margin-bottom:10px; border-bottom:1px solid #e6e3dc; color:#000; font-weight:bold;}
.w-invitation .preview p {color:#666;}
.w-invitation .preview p em {font-weight:bold;}
.w-invitation .preview p .link {color:#03a2d0;}
.w-invitation .preview p .from {color:#000;}
.w-invitation .submit {margin-top:20px; text-align:center;}

/* 내 소식 알림 */
.w-notification h2 {font-size:16px; height:34px; }
.w-notification .setting {float:right; margin-top:-34px;}
.w-notification .m-box-inner {padding:14px;}
.w-notification h3 {color:#000; font-size:12px; line-height:12px;}
.w-notification li {position:relative; border-bottom:1px solid #e4e4e4; padding:16px 0; height:18px;}
.w-notification li.last {border-bottom:0;}
.w-notification .profile {position:absolute; top:10px; left:0; width:30px; height:30px;}
.w-notification p {width:550px; margin-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666;}
.w-notification .date {position:absolute; right:0; top:18px; color:#999; font:11px/11px calibri;}
.w-notification a {color:#000; font-weight:bold;}
.w-notification a.nick {font-weight:normal; color:#03a2d0;}

/* 탈퇴하기 */
.w-leave {padding-top:34px;}
.w-leave h3 {font-size:12px;}
.w-leave em {color:#000; font-weight:bold;}
.w-leave .notice {margin:11px 0 46px; padding:21px 24px 9px; border:1px solid #e4e4e4; background:#f7f7f7;}
.w-leave .notice li {padding-left:13px; height:30px; background:url(../image/common/bu_dot_gray.png) 0 7px no-repeat;}
.w-leave .please {margin:11px 0 47px; border-top:1px solid #e4e4e4;}
.w-leave .please li {padding:16px 25px; height:28px; line-height:28px; border-bottom:1px solid #e4e4e4; color:#666;}
.w-leave .please li em {line-height:28px; width:98px; float:left;}
.w-leave .please li a {color:#03a2d0;}
.w-leave .bye {margin-top:17px; padding:16px 4px; height:28px; line-height:28px; border:1px solid #e4e4e4; border-width:1px 0; color:#666;}

/* 로그인 전 */
.w-welcome .m-box-inner {padding:28px 62px;}
.w-welcome h3 {height:65px; font-size:18px; line-height:21px;}
.w-welcome .c-text {float:left; line-height:21px; color:#666;}
.w-welcome .c-text h5 {font-weight:normal; font-size:12px;}
.w-welcome .c-text h5 em {font-weight:bold; color:#03a2d0;}
.w-welcome .c-text h5 em.tvroute {color:#fbba00;}
.w-welcome .c-text h5 em.food {color:#e33716;}
.w-welcome .c-image {float:right; width:414px;}
.w-welcome .c-image ul {margin-top:17px;}
.w-welcome .c-image li {float:left; color:#cdcdcd; font-size:11px;}
.w-welcome .c-image li a {color:#03a2d0;}
.w-welcome .c-image li.triphere {margin-left:36px; width:123px;}
.w-welcome .c-image li.tvroute {width:157px;}